<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Products</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/products.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo animated fadeInUp">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="links">
                    <a href="./index.html" class="animated fadeInUp" style="animation-delay: 100ms;">
                        Home
                    </a>
                    <a href="./about.html" class="animated fadeInUp" style="animation-delay: 200ms;">
                        About Us
                    </a>
                    <a href="./products.html" class="on animated fadeInUp" style="animation-delay: 300ms;">
                        Products
                    </a>
                    <a href="./solution.html" class="animated fadeInUp" style="animation-delay: 400ms;">
                        Solutions
                    </a>
                    <a href="./industry.html" class="animated fadeInUp" style="animation-delay: 500ms;">
                        Industries
                    </a>
                    <a href="./client.html" class="animated fadeInUp" style="animation-delay: 600ms;">
                        Our Clients
                    </a>
                    <a href="./contact.html" class="contact animated fadeInUp" style="animation-delay: 700ms;">
                        contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="index.html">Home</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">
                    About Us
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        Products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">
                        Solutions
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./industry.html">
                        Industries
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./client.html">
                        Our Clients
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        Contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="section1 silk">
            <div class="fix">
                <div class="wrap">
                    <div class="img"></div>
                    <div class="title">Intelligent E-Seal (IES) </div>
                </div>
            </div>
        </div>

        <div class="section2">
            <div class="scroll_move">
                <svg xmlns="http://www.w3.org/2000/svg" width="1910" height="1680" viewBox="0 0 1910 1680" fill="none">
                    <path opacity="0.4" d="M1909 21.0003C1782.5 -8 1441.84 -23.3883 1252.88 113.244C1089.01 231.736 1526.56 386.272 1132.88 436.244C971.382 456.744 754.132 489.488 789.382 639.244C824.631 789 1185.33 1412.9 756.131 1416.5C219.631 1421 107 1306 1.50006 1679.5" stroke="#3FAEEE" stroke-width="2" stroke-dasharray="4 4"/>
                </svg>
                <div class="move">
                    <svg xmlns="http://www.w3.org/2000/svg" width="44" height="63" viewBox="0 0 44 63" fill="none">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M22.3818 0.244141C34.2577 0.244141 43.8818 9.94848 43.8818 21.9194C43.8818 26.084 42.7168 29.9723 40.6967 33.2751C38.2719 37.3213 35.8503 41.3675 33.4288 45.4137C30.4753 50.2494 28.0897 54.1608 25.1362 58.9965C22.5352 63.2598 22.359 63.3651 19.7449 59.0787C16.8078 54.2693 14.3405 50.2231 11.4034 45.4137C8.98839 41.4136 6.57013 37.4101 4.15187 33.4099C2.07954 30.0809 0.881836 26.1399 0.881836 21.9194C0.881836 9.94848 10.5092 0.244141 22.3818 0.244141ZM22.3818 11.1097C27.7046 11.1097 32.0222 15.4619 32.0222 20.8272C32.0222 26.1926 27.7046 30.5414 22.3818 30.5414C17.0591 30.5414 12.7447 26.1926 12.7447 20.8272C12.7447 15.4619 17.0591 11.1097 22.3818 11.1097Z" fill="#3FAEEE"/>
                    </svg>
                </div>
            </div>
            <div class="content1">
                <div class="l wow animated fadeInUp">
                    <div class="bor">
                        <img src="./images/dt.png" class="common_bg" alt="">
                        <div class="scale">
                            <svg class="svg1" xmlns="http://www.w3.org/2000/svg" width="196" height="133" viewBox="0 0 196 133" fill="none">
                                <path d="M1 132.5C1.66667 120.667 6.3 95.3999 19.5 88.9999C36 80.9999 35 77.9999 46 67.9999C57 57.9999 82.5 30.4999 88 23.4999C93.5 16.4999 99 -1.00005 110 0.999949C121 2.99995 124.5 20 132 28C139.5 36 186.5 43 195.5 41.5" stroke="black" stroke-width="1.5"/>
                            </svg>
                            <svg class="svg2" xmlns="http://www.w3.org/2000/svg" width="197" height="84" viewBox="0 0 197 84" fill="none">
                                <path d="M1.04851 82.7445C7.73185 74.897 23.7829 51.262 34.7106 54.5157C45.6382 57.7694 61.6224 58.6394 75.8384 49.4658C90.0545 40.2923 105.085 39.1397 109.408 25.236C113.731 11.3323 131.469 1.23994 146.465 1.58696C158.462 1.86458 185.121 2.48152 196.951 2.75528" stroke="#00C043" stroke-width="1.5"/>
                            </svg>
                            <svg class="svg3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path d="M11.6363 2.38208C6.96359 2.38208 3.17627 6.125 3.17627 10.7424C3.17627 18.0573 11.6363 23.2832 11.6363 23.2832C11.6363 23.2832 20.0963 18.1886 20.0963 10.7424C20.0963 6.125 16.3085 2.38208 11.6363 2.38208ZM11.6363 14.3256C9.43727 14.3256 7.65503 12.543 7.65503 10.3443C7.65503 8.14544 9.43727 6.36308 11.6363 6.36308C13.8349 6.36308 15.6174 8.14544 15.6174 10.3443C15.6174 12.5428 13.8349 14.3256 11.6363 14.3256Z" fill="#D54B35"/>
                                <path d="M11.6363 14.3255C9.43727 14.3255 7.65503 12.5429 7.65503 10.3443C7.65503 8.1454 9.43727 6.36304 11.6363 6.36304C13.8349 6.36304 15.6174 8.1454 15.6174 10.3443C15.6174 12.5428 13.8349 14.3255 11.6363 14.3255Z" fill="white"/>
                            </svg>
                            <svg class="svg4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path d="M11.6363 2.38208C6.96359 2.38208 3.17627 6.125 3.17627 10.7424C3.17627 18.0573 11.6363 23.2832 11.6363 23.2832C11.6363 23.2832 20.0963 18.1886 20.0963 10.7424C20.0963 6.125 16.3085 2.38208 11.6363 2.38208ZM11.6363 14.3256C9.43727 14.3256 7.65503 12.543 7.65503 10.3443C7.65503 8.14544 9.43727 6.36308 11.6363 6.36308C13.8349 6.36308 15.6174 8.14544 15.6174 10.3443C15.6174 12.5428 13.8349 14.3256 11.6363 14.3256Z" fill="#00C043"/>
                                <path d="M11.6363 14.3255C9.43727 14.3255 7.65503 12.5429 7.65503 10.3443C7.65503 8.1454 9.43727 6.36304 11.6363 6.36304C13.8349 6.36304 15.6174 8.1454 15.6174 10.3443C15.6174 12.5428 13.8349 14.3255 11.6363 14.3255Z" fill="white"/>
                            </svg>
                            <div class="move">
                                <img src="./images/move1.png" class="img1" alt="">
                                <img src="./images/move2.png" class="img2" alt="">
                            </div>

                        </div>
                        <div class="position">
                            <div class="p1">Shipment</div>
                            <div class="p2">DN#12345678</div>
                            <div class="line_con">
                                <div class="more_joke">
                                    <div class="more">OK</div>
                                    <div class="more on">Report</div>
                                </div>
                                <div class="list">
                                   <p>
                                       Event Timestamp<br>
                                       01/02/2024 20:08 (GMT+8)
                                   </p>
                                </div>
                                <div class="list on">
                                    <p>
                                        Departure<br>
                                        01/02/2024 08:00 (GMT+8)
                                    </p>
                                </div>
                                <div class="list">
                                    <img src="./images/zy.png" alt="">
                                    <p>
                                        Event: > 15 Mins Unusual Stop<br>
                                        01/02/2024 20:08(GMT+8)<br>
                                        Stops: 31 mins 20 secs<br>
                                        Status: Lock (81% Batt Level)<br>
                                        Distance Travelled: 309.km
                                    </p>
                                </div>
                                <div class="line_black">
                                    <div></div>
                                    <img src="./images/c.png" alt="">
                                </div>
                                <div class="list">
                                    
                                    <p>
                                        Estimated Arrival<br>
                                        02102/2024 05:00(GMT+8)<br>
                                        Delayed
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r wow animated fadeInUp" style="animation-delay: .2s">
                    <div class="p1">
                        Global Tracking and Positioning
                    </div>
                    <div class="p2">
                        Our platform empowers you with real-time GPS global tracking to monitor every movement of your cargo. Whether you need to track shipments across regions or replay the full route trajectory, we provide you with the tools to optimize your logistics and guarantee the highest level of operational efficiency.
                    </div>
                </div>
            </div>
            <div class="content2">
                <div class="l wow animated fadeInUp">
                    <div class="bor">
                        <img src="./images/dt2.png" class="common_bg" alt="">
                        <div class="scale">
                            <svg class="path" xmlns="http://www.w3.org/2000/svg" width="384" height="261" viewBox="0 0 384 261" fill="none">
                                <path d="M2 264C3.31962 240.452 12.491 190.171 38.6195 177.435C71.2802 161.515 69.3008 155.545 91.0746 135.645C112.848 115.745 163.324 61.0198 174.211 47.0898C185.098 33.1598 195.985 -1.66528 217.758 2.31472C239.532 6.29473 246.46 40.1249 261.306 56.0449C276.152 71.9649 369.185 85.8949 387 82.9099" stroke="black" stroke-width="3"/>
                            </svg>
                            <div class="move">
                                <img src="./images/che.png" alt="">
                            </div>
                            <svg class="point" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
                                <circle cx="5.5" cy="5.5" r="4" fill="white" stroke="#0262FD" stroke-width="3"/>
                            </svg>
                        </div>
                    </div>
                </div>
                <div class="r wow animated fadeInUp" style="animation-delay: .2s">
                    <div class="p1">
                        Optimize Routes and Manage <br>
                        Risks with Data-Driven Insights
                    </div>
                    <div class="p2">
                        Our platform empowers you with real-time GPS global tracking to monitor every movement of your cargo. Whether you need to track shipments across regions or replay the full route trajectory, we provide you with the tools to optimize your logistics and guarantee the highest level of operational efficiency.
                    </div>
                </div>
            </div>
            <div class="content3">
                <div class="text wow animated fadeInUp" style="animation-delay: .2s">
                    <div class="p1">Real-time cargo view</div>
                    <div class="p2">Improve operational efficiency</div>
                    <div class="p3">
                        With GPS, GSM, and LBS technology, our Intelligent E-Seal (IES)  ensures precise, real-time location tracking for your cargo, enhancing visibility and operational efficiency.
                    </div>
                </div>
                <div class="swiper1 swiper-container wow animated fadeInUp">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/dt3.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/dt3.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="end wow animated fadeInUp">
                    <div class="swiper-pagination"></div>
                    <div class="num">
                        <p></p>
                        <span>/</span>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="title wow animated fadeInUp">
                <div class="p1">Key Features</div>
                <div class="p2">
                    Experience full-spectrum security , ensuring you stay informed and in control of your cargo at all times.
                </div>
            </div>
            <div class="content wow animated fadeInUp" style="animation-delay: .2s">
                <div class="item">
                    <div class="l">
                        <div class="t1">
                            Our lock offers robust security with multiple levels of protection, ensuring that your cargo stays secure at all times, even in transit.
                        </div>
                        <div class="t2">
                            Real-Time<br>
                            Location <br>
                            Tracking
                        </div>
                    </div>
                    <div class="bor">
                        <img src="./images/t1.svg" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <div class="t1">
                            Our lock offers robust security with multiple levels of protection, ensuring that your cargo stays secure at all times, even in transit.
                        </div>
                        <div class="t2">
                            Multi-Layered<br>
                            Security
                        </div>
                    </div>
                    <div class="bor">
                        <img src="./images/t2.svg" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <div class="t1">
                            Our lock offers robust security with multiple levels of protection, ensuring that your cargo stays secure at all times, even in transit.
                        </div>
                        <div class="t2">
                            Advanced<br>
                            Sensor Detection
                        </div>
                    </div>
                    <div class="bor">
                        <img src="./images/t3.svg" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <div class="t1">
                            Our lock offers robust security with multiple levels of protection, ensuring that your cargo stays secure at all times, even in transit.
                        </div>
                        <div class="t2">
                            Durable and <br>
                            Weather-<br>
                            Resistant
                        </div>
                    </div>
                    <div class="bor">
                        <img src="./images/t4.svg" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <div class="t1">
                            Our lock offers robust security with multiple levels of protection, ensuring that your cargo stays secure at all times, even in transit.
                        </div>
                        <div class="t2">
                            Extended Battery <br>
                            Life
                        </div>
                    </div>
                    <div class="bor">
                        <img src="./images/t5.svg" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <div class="t1">
                            Our lock offers robust security with multiple levels of protection, ensuring that your cargo stays secure at all times, even in transit.
                        </div>
                        <div class="t2">
                            Intelligent Alerts <br>
                            and Notifications
                        </div>
                    </div>
                    <div class="bor">
                        <img src="./images/t6.svg" alt="">
                    </div>
                </div>
            </div>
        </div>


        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.svg" alt="">
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M13.1083 3.66667H2.66634C2.60967 3.66667 2.55434 3.67367 2.50134 3.68733L7.55901 8.74467C7.62152 8.80716 7.70629 8.84226 7.79467 8.84226C7.88306 8.84226 7.96783 8.80716 8.03034 8.74467L13.1083 3.66667ZM13.8293 3.88833L9.75601 7.96167L13.8643 12.0697C13.9493 11.9577 13.9997 11.818 13.9997 11.6667V4.33333C13.9997 4.16233 13.9353 4.00667 13.8297 3.88833H13.8293ZM13.185 12.3333L9.28501 8.433L8.50167 9.21633C8.40881 9.30921 8.29857 9.38288 8.17723 9.43315C8.05589 9.48341 7.92584 9.50929 7.79451 9.50929C7.66317 9.50929 7.53312 9.48341 7.41179 9.43315C7.29045 9.38288 7.1802 9.30921 7.08734 9.21633L6.30434 8.433L2.44301 12.295C2.51301 12.3197 2.58801 12.3333 2.66667 12.3333H13.1853H13.185ZM2.01001 11.7847L5.83301 7.96133L2.02434 4.15333C2.00795 4.21193 1.99965 4.27249 1.99967 4.33333V11.6667C1.99967 11.7067 2.00301 11.7463 2.01001 11.7847ZM2.66634 3H13.333C13.5081 3 13.6815 3.03449 13.8433 3.10149C14.005 3.1685 14.152 3.26671 14.2758 3.39052C14.3996 3.51434 14.4978 3.66132 14.5648 3.82309C14.6319 3.98486 14.6663 4.15824 14.6663 4.33333V11.6667C14.6663 11.8418 14.6319 12.0151 14.5648 12.1769C14.4978 12.3387 14.3996 12.4857 14.2758 12.6095C14.152 12.7333 14.005 12.8315 13.8433 12.8985C13.6815 12.9655 13.5081 13 13.333 13H2.66634C2.49125 13 2.31786 12.9655 2.1561 12.8985C1.99433 12.8315 1.84734 12.7333 1.72353 12.6095C1.59972 12.4857 1.50151 12.3387 1.4345 12.1769C1.3675 12.0151 1.33301 11.8418 1.33301 11.6667V4.33333C1.33301 4.15824 1.3675 3.98486 1.4345 3.82309C1.50151 3.66132 1.59972 3.51434 1.72353 3.39052C1.84734 3.26671 1.99433 3.1685 2.1561 3.10149C2.31786 3.03449 2.49125 3 2.66634 3Z"
                                    fill="black" fill-opacity="0.9" stroke="black" stroke-opacity="0.9"
                                    stroke-width="0.1" />
                            </svg>
                        </div>
                        <p>admin@hereitis.co</p>
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M8.0503 1C5.18067 1 2.75 3.44432 2.75 6.3396C2.75 9.37158 5.56691 12.4722 7.46174 14.6514C7.46901 14.6601 7.77514 15 8.15261 15C8.15347 15 8.18467 15 8.18594 15C8.5632 15 8.86741 14.6601 8.8751 14.6514C10.6533 12.6072 13.2502 9.23658 13.2502 6.3396C13.2502 3.44432 11.3544 1 8.0503 1ZM8.22611 14.0645C8.2105 14.0799 8.18853 14.0972 8.16864 14.1111C8.1488 14.0972 8.12658 14.0799 8.11075 14.0645L7.88154 13.8013C6.08514 11.7405 3.62502 8.91827 3.62502 6.3396C3.62502 3.91942 5.65149 1.8748 8.05029 1.8748C11.0379 1.8748 12.3752 4.11702 12.3752 6.3396C12.3752 8.29727 10.9793 10.8964 8.22611 14.0645Z"
                                    fill="black" fill-opacity="0.9" />
                                <path
                                    d="M8.01567 3.64941C6.566 3.64941 5.39062 4.82477 5.39062 6.27445C5.39062 7.72412 6.566 8.89949 8.01567 8.89949C9.46531 8.89949 10.6407 7.7241 10.6407 6.27445C10.6407 4.82477 9.46531 3.64941 8.01567 3.64941ZM8.01567 8.02447C7.05071 8.02447 6.24554 7.22037 6.24554 6.25522C6.24554 5.29026 7.03062 4.50519 7.99557 4.50519C8.96072 4.50519 9.74558 5.29028 9.74558 6.25522C9.7456 7.22037 8.98082 8.02447 8.01567 8.02447Z"
                                    fill="black" fill-opacity="0.9" />
                            </svg>
                        </div>
                        <p>40 King Street Unit 1 Auburn NH03032</p>
                    </div>
                </div>
                <div class="media">
                    <p class="p1">Media</p>
                    <a href="">
                        <img src="./images/ins.png" alt="">
                        <p>LinkedIn</p>
                    </a>
                </div>
                <div class="quilf">
                    <p class="p1">Quilfiecty</p>
                    <div class="pics">
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="great">
                    <p class="p1">
                        Great<br>
                        Place<br>
                        To<br> Work
                    </p>
                    <div class="p2">
                        <p>Certifued</p>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <p>© 2024 Pac Trading Pty Ltd. All right reserved. | Designed by </p>
                    <a href="">Zipzipe</a>
                </div>
                <div class="r">
                    <a href="">Privacy Policy</a>
                    <a href="">Terms of Service</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
</body>
<script>
    // 默认加载数量
    var loadedImages = 57;
    // 滚动加载数量
    var imagesPerPage = 10;
    var totalImages = 57;
    var allHeight = 3000;

    function loadImages(startIndex, endIndex) {
        var index_img = '';
        for (let i = startIndex; i <= endIndex; i++) {
            index_img += '<img src="./images/index/' + i + '.jpg" alt="">';
        }
        $('.silk .fix .wrap .img').append(index_img);
    }

    loadImages(1, Math.min(loadedImages, totalImages));

    $('.silk').css('height', 'calc(100vh + ' + allHeight + 'px)');

    function Index_Img(e) {
        var scrollTop = e;
        var start = $('.silk').position().top;
        var end = start + allHeight;
        var imgElements = $('.silk .fix img');

        if (scrollTop >= start && scrollTop <= end) {
            if (loadedImages < totalImages) {
                var nextBatchEnd = Math.min(loadedImages + imagesPerPage, totalImages);
                loadImages(loadedImages + 1, nextBatchEnd);
                loadedImages = nextBatchEnd;
            }
            var currentIndex = Math.floor((scrollTop - start) / (end - start) * imgElements.length);
            imgElements.removeClass('on');
            imgElements.eq(currentIndex).addClass('on');
        } else {
            imgElements.removeClass('on');
        }


        if (scrollTop >= end) {
            imgElements.last().addClass('on');
        } else if (scrollTop < start) {
            imgElements.first().addClass('on');
        }
    }

    Index_Img(0)

    window.addEventListener('scroll',function () {
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        Index_Img(scrollTop)
    })
    var w = document.documentElement.clientWidth
    var h = document.documentElement.clientHeight

    // 384
    var move_line = ($('.home .section2 .content2 .l .bor').height()) / 384 + 0.25
    if (w < 1024) {
        move_line = ($('.home .section2 .content2 .l .bor').height()) / 384
    }
    $('.home .section2 .content2 .l .bor .scale').css('transform','scale('+move_line+')')

    var move_line2 = ($('.home .section2 .content1 .l .bor').height()) / 194 - 0.4845
    if (w > 1920) {
        move_line2 = ($('.home .section2 .content1 .l .bor').height()) / 194 - 0.6
    }
    $('.home .section2 .content1 .l .bor .scale').css('transform','scale('+move_line2+')')


    new Swiper('.swiper1', {
        speed: 1000,
        spaceBetween: 10,
        pagination: {
            el: ".section2 .swiper-pagination",
            type: "progressbar",
        },
        on: {
            init() {
                $('.home .section2 .content3 .end .num p:first-child').html(this.realIndex + 1)
                $('.home .section2 .content3 .end .num p:last-child').html(this.slides.length)
            },
            slideChange() {
                $('.home .section2 .content3 .end .num p:first-child').html(this.realIndex + 1)
            }
        }
    })

    var line2Scale = w / 1920
    $('.home .section2 .scroll_move').css('transform','scale('+line2Scale+')')

    ScrollTrigger.create({
        trigger: '.home .section2 .scroll_move',
        start: 'top 80%',
        end: '+='+ h*2,
        onUpdate: (self) => {
            var progress = self.progress
            var distance = progress*100
            gsap.to('.home .section2 .scroll_move .move', {
                offsetDistance: distance + '%',
                ease: 'power2.out',
                duration: 0.5,
            });
        },
    });
</script>

</html>